    <%-- any content can be specified here e.g.: --%>
<%@page import="clases.Opcion"%>
<%@ page pageEncoding="UTF-8" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<style type="text/css">
    div.pos_left_top
    {
        position:relative;
        left:-20px;
    }

    div.pos_right_bottom
    {
        position:relative;
        left:20px;
    }

    div.pos_right_top
    {
        position:relative;
        left:20px;
    }

    .test input{
        width:100%;
    }

    .test td{
        border-bottom: none;
        border-top: none;
    }



</style>

<h2>Test de Prueba Vocacional</h2>

<div id="alerta">
    <logic:present name="Test" property="mensaje" >
        <bean:write name="Test" property="mensaje"  filter="false"  />
    </logic:present>
</div>

<table>
    <thead>
    <th style="width: 65%">Pregunta Nueva</th>
    <th style="width: 15%">Peso</th>
    <th>Respuestas</th>
    <th></th>
</thead>
<tbody>
    <html:form action="/Administrador/Test/Pregunta?method=agregarPregunta"> 
        <tr>
            <td>
                <html:text property="descripcion" style="width:100%" value="" 
                           title="Descripción de la pregunta"/>
            </td>
            <td>
                <html:text property="peso" size="1"  value="" maxlength="2"
                           title="Porcentaje de la pregunta sobre el total de la prueba"/>%                </td>
            <td>
                <html:text property="numRespuestas" size="1"  value="" maxlength="2"
                           title="Número de respuestas que hay que seleccionar"/>
            </td>
            <td>
                <html:submit value=" " 
                             styleId="botonAgregar" 
                             title="Agregar Pregunta"/>
            </td>
        </tr>
    </html:form>
</tbody>
</table>

<table>
    <thead>
    <th >Preguntas</th>
    <!--    <th></th>-->
    <th>Opciones</th>
</thead>
<tbody>
    <logic:present name="Test">
        <logic:iterate name="Test" property="preguntas" id="Pregunta" >
            <tr>
                <td >
                    <html:form action="/Administrador/Test/Pregunta?method=modificarPregunta">
                        <html:hidden name="Pregunta" property="preguntaId" />
                        <div style="float:left;width:70%">
                            <html:textarea name="Pregunta" property="descripcion" 
                                           style="resize: vertical" rows="5"
                                           title="Descripción de la pregunta"/>
                        </div>
                        <div style="float:right;width:30%">
                            P:<html:text name="Pregunta"  property="peso" size="2" maxlength="3"
                                       title="Porcentaje de la pregunta sobre el total de la prueba"/>%<BR/>
                            R:<html:text name="Pregunta" property="numRespuestas" size="2" maxlength="2"
                                       title="Número de respuestas que hay que seleccionar"/><BR/>
                            <html:submit value=" " 
                                         styleId="botonModificar" 
                                         title="Modificar Pregunta"/><BR/>                       
                        </div>
                    </html:form>
                    <div style="float:right;width:30%">
                        <html:form action="/Administrador/Test/Pregunta?method=eliminarPregunta">
                            <html:hidden name="Pregunta"  property="preguntaId"/>
                            <html:submit value=" "
                                         styleId="botonEliminar"
                                         title="Eliminar Pregunta"
                                         onclick="return confirm('¿Esta seguro que desea eliminar esta pregunta?')"/>

                        </html:form>
                    </div>
                </td>
                <td>
                    <table class="test">
                        <tbody>
                            <tr>

                                <html:form action="/Administrador/Test/Opcion?method=agregarOpcion" >
                                    <html:hidden name="Pregunta" property="preguntaId" />
                                    <% ((Opcion) request.getAttribute("Opcion")).setCorrecta(false);%>
                                    <td style="width:60%">
                                        <html:text property="descripcion" value=""
                                                   title="Descripción de la opción" />
                                    </td>
                                    <td style="width:20%">
                                        <html:checkbox property="correcta" title="¿Esta opción es correcta?"  />
                                    </td>
                                    <td style="width:10%">
                                        <html:submit value=" " 
                                                     styleId="botonAgregar" 
                                                     title="Agregar Opcion"/> 
                                    </td>
                                    <td style="width:10%"></td>
                                </html:form>
                            </tr>
                            <logic:iterate name="Pregunta" property="opciones" id="Opcion">
                                <tr>
                                    <td>
                                        <html:form action="/Administrador/Test/Opcion?method=modificarOpcion" >
                                            <html:hidden name="Opcion" property="id" />
                                            <html:text name="Opcion" property="descripcion" size="15" 
                                                       title="Descripción de la opción" />
                                        </td>
                                        <td>
                                            <html:checkbox name="Opcion" property="correcta" 
                                                           title="¿Esta opción es correcta?"/>
                                        </td>
                                        <td>
                                            <html:submit value=" " 
                                                         styleId="botonModificar" 
                                                         title="Modificar Opcion"/>

                                        </html:form>
                                    </td>
                                    <td>
                                        <html:form action="/Administrador/Test/Opcion?method=eliminarOpcion">
                                            <html:hidden name="Opcion" property="id"/>
                                            <html:submit value=" "
                                                         styleId="botonEliminar"
                                                         title="Eliminar Opcion"
                                                         onclick="return confirm('Esta seguro que desea eliminar esta opción?')"/>

                                        </html:form>
                                    </td>
                                </tr>
                            </logic:iterate>
                        </tbody>

                    </table>
                </td>
            </tr>
        </logic:iterate>
    </logic:present>
</tbody>
</table>